<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/publc.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1867026_47u9fjyltob.css">
</head>

<body>
    <div id="top">
        <div class="nav">
            <div class="nav-logo">
                <a href="#" class="nav_l">
                    <h1><img src="./images/logo.svg" alt=""></h1>
                </a>
            </div>

            <ul class="nav-ul">
                <li><a href="#">首页</a></li>
                <li class="find"><a href="#">发现</a>
                    <div class="nav-find">
                        <ul class="nav-find-top">
                            <li><a href="#">平面</a></li>
                            <li><a href="#">UI</a></li>
                            <li><a href="#">网页</a></li>
                            <li><a href="#">插画</a></li>
                            <li><a href="#">动漫</a></li>
                            <li><a href="#">摄影</a></li>
                            <li><a href="#">空间</a></li>
                            <li><a href="#">工业/产品</a></li>
                            <li><a href="#">三维</a></li>
                            <li><a href="#">影视</a></li>
                            <li><a href="#">手工艺</a></li>
                            <li><a href="#">纯艺术</a></li>
                            <li><a href="#">服装</a></li>
                            <li><a href="#">其他</a></li>
                        </ul>
                        <ul class="nav-find-bottom">
                            <li><a href="#">精选产品 ></a></li>
                            <li><a href="#">精选文章 ></a></li>
                            <li><a href="#">精选收藏 ></a></li>
                        </ul>
                    </div>

                </li>
                <li><a href="#">职位</a>
                    <ul class="erji">
                        <li><a href="#">职位</a></li>
                        <li><a href="#">公司</a></li>
                        <li><a href="#">+发布职位</a></li>
                    </ul>
                </li>
                <li><a href="#">活动</a>
                    <ul class="erji">
                        <li><a href="#">设计大赛</a></li>
                        <li><a href="#">专题策划</a></li>
                        <li><a href="#">线下活动</a></li>
                        <li><a href="#">线上活动</a></li>
                        <li><a href="#">学习音频</a></li>
                    </ul>
                </li>
                <li><a href="#">正版素材</a>
                    <ul class="erji">
                        <li><a href="#">图片</a></li>
                        <li><a href="#">视频</a></li>
                        <li><a href="#">字体</a></li>
                        <li><a href="#">音乐</a></li>
                        <li><a href="#">我要供图</a></li>
                    </ul>
                </li>
                <li><a href="#">课程</a>
                    <ul class="erji">
                        <li><a href="#">免费直播周周见</a></li>
                        <li><a href="#">正在热销</a></li>
                        <li><a href="#">口碑好课</a></li>
                    </ul>
                </li>
                <li><a href="#">版权保护</a>
                    <ul class="erji">
                        <li><a href="#">区域链存证</a></li>
                        <li><a href="#">作品登记证书</a></li>
                        <li><a href="#">维护服务</a></li>
                    </ul>
                </li>
                <li><a href="#"><span class="iconfont icon-shenglvehao"></span><i class="redpoint"></i></a>
                    <ul class="erji">
                        <li><a href="#">设计师</a></li>
                        <li><a href="#">榜单<i class="redpoint"></i></a></li>
                        <li><a href="#">站酷APP</a></li>
                        <li><a href="#">站酷字库</a></li>
                    </ul>
                </li>
            </ul>
            <ul class="nav-uul">
                <li><a href="#"><span class="iconfont icon-sousuo"></span></a></li>
                <li><a href="#"><span class="iconfont icon-shangchuan"></span></a></li>
            </ul>
            <ul class="nav-ull">
                <li><a href="#">登录<span class="shu"></span></a></li>
                <li><a href="#">注册</a></li>
            </ul>
        </div>
    </div>


    <div class="banner">
        <div class="lunbo">
            <ul class="lun_ul">
                <li><a href="#"><img src="./images/banner1.jpg" alt=""></a></li>
                <li><a href="#"><img src="./images/banner2.jpg" alt=""></a></li>
                <li><a href="#"><img src="./images/banner3.jpg" alt=""></a></li>
                <li><a href="#"><img src="./images/banner4.jpg" alt=""></a></li>
                <li><a href="#"><img src="./images/banner5.png" alt=""></a></li>
                <li><a href="#"><img src="./images/banner6.png" alt=""></a></li>
                <li><a href="#"><img src="./images/banner7.png" alt=""></a></li>
                <li><a href="#"><img src="./images/banner8.png" alt=""></a></li>
                <li><a href="#"><img src="./images/banner1.jpg" alt=""></a></li>
            </ul>
            <div class="lb-left"><img src="./images/bannerl.svg" alt=""></div>
            <div class="lb-right"><img src="./images/bannerr.svg"></div>
        </div>

    </div>


    <div class="list">
        <ul>
            <li><a href="#"><img src="./images/link1.jpg" alt=""></a></li>
            <li><a href="#"><img src="./images/link2.jpeg" alt=""></a></li>
            <li><a href="#"><img src="./images/link3.jpg" alt=""></a></li>
            <li><a href="#"><img src="./images/link4.jpg" alt=""></a></li>
            <li><a href="#"><img src="./images/link5.jpg" alt=""></a></li>
        </ul>
    </div>

    <div class="back">
        <img src="./images/back.png" alt="">
    </div>

    <div class="xuan">
        <ul>
            <li><a href="#">首页推荐</a></li>
            <li><a href="#">最新发布</a></li>
        </ul>
    </div>

    <div class="boxbox"></div>


    <div id="ca">
        <div class="case">
            <!-- <ul> 
     <li><a href="#">
                    <div class="case-top">
                        <img src="" alt="">
                    </div>
                    <div class="case-mid">
                        <p class="case-mid-tit"></p>
                        <p class="case-mid-ne"></p>
                        <div class="case-mid-hu">
                            <span class="iconfont"></span>
                            <span class="iconfont"></span>
                            <span class="iconfont"></span>
                        </div>
                    </div>
                    <div class="case-bot">
                        <div class="case-bot-img"></div>
                        <span class="case-bot-name"></span>
                        <span class="case-bot-time"></span>
                    </div>
                </a></li> -->
            <!-- </ul> -->
        </div>
        <!-- 页码 -->
        <div class="page">
            <ul>
                <li><a href="#">&lt;</a></li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">6</a></li>
                <li><a href="#">7</a></li>
                <li><a href="#">...</a></li>
                <li><a href="#">99</a></li>
                <li><a href="#">100</a></li>
                <li><a href="#">&gt;</a></li>
            </ul>
        </div>
        <div class="gg">
            <a href="#">
                <img src="./images/guanggao.jpg" alt="">
            </a>
        </div>

        <div class="classroom">
            <div class="box">
                <p class="cr-tit">推荐课程</p><i href="#" class="btn">换一换</i>
            </div>

            <ul class="box11">
                <!-- <li><a href="#"><img src="./images/class1.jpg" alt="">
                        <p>设计策略·视觉表现提升班【7.13日开课】</p>
                    </a></li>
                <li><a href="#"><img src="./images/class2.jpg" alt="">
                        <p>C4D实战全能班(第11期)即将停售</p>
                    </a></li>
                <li><a href="#"><img src="./images/class3.jpg" alt="">
                        <p>UI设计进阶班(第6期)</p>
                    </a></li>
                <li><a href="#"><img src="./images/class4.jpg" alt="">
                        <p>实用商业插画全能班(第3期)</p>
                    </a></li>
                <li><a href="#"><img src="./images/class5.jpg" alt="">
                        <p>零基础Ai商业插画全能班(第7期)</p>
                    </a></li> -->
            </ul>
        </div>
    </div>

    <div id="dibu">
        <div class="db">
            <div class="db_1">
                <ul class="db_11">
                    <li><a href="#"><span><img src="./images/phone.svg" alt=""></span> 移动版</a></li>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">用户协议</a></li>
                    <li><a href="#">隐私政策</a></li>
                    <li><a href="#">侵权申诉</a></li>
                    <li><a href="#">企业服务</a></li>
                    <li><a href="#">帮助中心</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">中文</a></li>
                    <li><a href="#">English</a></li>
                </ul>
                <ul class="db_12">
                    <li class="weixin"><a href="#"><img src="./images/weixin.svg" alt="" class="img1"></a></li>
                    <li class="weibo"><a href="#"><img src="./images/wei'bo.svg" alt="" class="img2"></a></li>
                </ul>
            </div>

            <div class="db_2">
                <ul class="db_21">
                    <li><span class="poi"></span><a href="#">京公网安备11010502000501号</a></li>
                    <li><a href="#">广播电视节目制作经营许可证（京）字第06990号</a></li>
                    <li><a href="#">京ICP备11017824号</a></li>
                    <li><a href="#">京ICP证130164号</a></li>
                </ul>
                <ul class="db_22">
                    <li><a href="#">营业执照</a></li>
                    <li><a href="#">网上有害信息举报专区</a></li>
                    <li><a>不良信息举报电话：010-56538658</a></li>
                    <li><a>举报邮箱 jubao@zcool.com.cn</a></li>
                    <li>联系电话：010-56538600

                        <span class="fr">Copyright © 2006-2020 <i class="no-bor">ZCOOL站酷</i></span>
                    </li>
                </ul>
            </div>
        </div>
    </div>


    <script src="./js/jquery.js"></script>
    <script src="./js/2.js"></script>
    <script src="./js/1.js"></script>
    <script>
        var lis =document.getElementsByName("li")
        console.log(lis)
    </script>

</body>

</html>